<!DOCTYPE html>
<html lang="en">
<head>
    @include('pc.cssjq')
</head>
<body>
<div class="preloader">
    <div class="spinner"></div>
</div>


<div class="login">
    <div class="logo">
        <img src="/static/pc/img/logo.png"/>
    </div>

    <form>
        <input type="text" placeholder="请输入用户名" class="input" id="username" value="复旦复华"/>
        <input type="password" placeholder="请输入密码" class="input" id="password" value="123456"/>
        <input type="button" class="button" value="登录"/>
    </form>
</div>


<script>
    $(function () {
        // preloader
        $(".preloader").fadeOut();
    });

    <!-- 登录执行 -->
    // 登录
    $(".button").click('on', function () {
        var username = $("#username").val();
        var password = $("#password").val();
        if (!password && !username) {
            layer.alert('请输入用户名和密码！')
            return;
        }
        $.ajax({
            type: 'post',
            url: "/home/on-login",
            data: {username: username, password: password},
            //contentType: 'application/json',
            contentType: 'application/x-www-form-urlencoded',
            // dataType : 'json',
            // contentType: 'application/x-www-form-urlencoded',
            // 这个方法在请求发送前调用，可以用来做表单校验、用来做请求等待动画的调用
            /*beforeSend: function () {
                // 返回false是取消发送
                return false
            },*/
            withCredentials: true,
            // 自定义 header
            beforeSend: function (request) {
                //request.setRequestHeader("Terminal","android");
                //request.setRequestHeader("Token","");
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            // 会自动帮我们把返回的数据根据响应头设置的类型进行转换好（也就是会自动转成json对象）
            success: function (res) {
                if (res.code != 200) {
                    layer.alert(res.msg)
                } else {
                    layer.alert('登录成功！')
                    setTimeout('window.location.href="/"')
                }
            },
            // xhr是ajax对象
            error: function (xhr) {
            }
        });

        return;
    })

    // 发送短信验证码
    $(".send_mobile_code").click('on', function () {
        var mobile = $("#mobile").val();
        if (!mobile) {
            layer.alert('请输入手机号！')
            return;
        }
        onAjax("/login/sms", {mobile: mobile}, function (res) {
            if (res.code != 200) {
                layer.alert(res.msg)
            } else {
                layer.alert('发送短信成功！')
            }
        })
    })

    // 发送邮箱验证码
    $(".send_mail_code").click('on', function () {
        var email = $("#email").val();
        if (!email) {
            layer.alert('请输入邮箱！' + email)
            return;
        }
        // 执行ajax操作
        onAjax("/login/send-email", {email: email}, function (res) {
            if (res.code != 200) {
                layer.alert(res.msg)
            } else {
                layer.alert('发送邮件成功！')
            }
        })
    })


</script>
</body>
</html>
